body,p,div,a {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* 清除元素内外边距 */
}
 a {
     text-decoration: none;
     /* 取消默认下划线 */
 }
 body {
     background-color: #010001;
     min-width: 1200px;
     /* 缩放限制 */
 }
 /* 固定导航栏开始
  */
  .header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 48px;
      z-index: 999;
      /* 显示的优先级 */
      background-color: #010001;
  }
  .headerContent {
      width: 1200px;
      height: 48px;
      margin: auto;
  }
  .headerContent img{
      float: left;
      margin-top: 10px;

  }
  .nav {
      float: right;
      height: 48px;
      /* 若行高等于高度，则文字垂直居中
       */
       line-height: 48px;

  }
   .nav a {
       color: #a4a4a4;
       margin-left: 35px;
   }
   .section {
       
       color: aliceblue;
   }
   .section1 {

        color: blueviolet;
       background-image: url(../images/section1_bg.jpg);
       background-position: center;
   }
   .title-box {
       position: absolute;
       width: 100%;
       top: 150px;
   }
   .title-box p {
       font-size: 60px;
       /* 文字水平居中 */
       text-align: center;
       color: #fff;
       margin-bottom: 25px;
       /* 字间距 */
       letter-spacing: 2px;

   }
   .title-box a {
       display: block;
       width: 300px;
       height: 60px;
       background-image: url(../images/links.png);
       margin: auto;
   }
   /* 鼠标经过a链接 */
   .title-box a:hover {
       background-position: -300px 0;
   }
   .ball1 {
       position: absolute;
       top: 22.7%;
       left: 20%;
       width: 13.2%;
       /* 调用动画 */
       animation: ball 5s linear infinite alternate;

   }
   .ball2 {
    position: absolute;
    top: 49.8%;
    left: 65.16%;
    width: 22.3%;
    animation: ball 3s linear infinite alternate;

}
/* 1.创建动画
 */
 @keyframes ball {
     from {
          margin-top: 0;
     }
     to {
         margin-top: -25px;
     }
 }
 @keyframes ship {
     from {
        transform: rotate(0deg);
     }
     to {
        transform: rotate(-45deg);
     }
 }
 .ship {
     position: absolute;
     top: 40.18%;
     left: 63.96%;
     width: 7.2%;
     /* 设置旋转方式 */
     /* 正数 顺时针 */
     transform: rotate(30deg);
     animation: ship 10s linear infinite alternate;

 }
 /* 第二屏的视频代码 */
 .section video {
     width: 100%;
     height: 100%;
 }
 .word-content {
     /* 文字盒子，绝对定位，垂直居中 */
     position: absolute;
     display: none;
     top: 50%;
     left: 18%;
     transform: translateY(-50%);
 }
 .word-content a {
     display: block;
     width: 200px;
     height: 48px;
     margin-top: 50px;
     background-image: url(../images/link2.png);


 }
 .word-content a:hover {
     background-position: -200px 0;
 }
 .bigword {
     font-size: 60px;
 }
 .midword {
    font-size: 36px;
}
.smallword {
    font-size: 16px;
    margin-top: 12px;
}
.section {
    color: #fff;
}
/* 线条 */
.line {
    width: 28px;
    height: 3px;
    background-color: #5e5e5e;
    margin-top: 20px;
    margin-bottom: 20px;
}
.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 120px;
    background-color: #131416;
    text-align: center;
    padding-top: 38px;
    color: #4a4a4a;
    line-height: 22px;
    font-size: 12px;
}
.footer img {
    vertical-align: middle;
}
/* 修改小圆点颜色 */
#fp-nav ul li a.active span {
    background: rgba(255, 255, 255, 0.8);
}





   
